
<meta charset="utf-8">
<style>
     div{
            width:100px;
            height:100px;
            background: rgba(230, 222, 222, 0.692);
            text-align: center;
            line-height:100px;
            float:left;
            margin:10px;
            font-size:24px;
            color:rgba(230, 222, 222, 0.692);
            transition:all .6s;
            border-radius:50%;
        }
        div:hover{
            background:rgba(114, 108, 108, 0.527);
            color:rgba(102, 98, 99, 0.795);
            font-size:30px;

        }
</style>
<script>
    var sheng = ["京","津","沪","渝","内蒙古","桂","藏","宁","新","港","澳","冀","晋","辽","吉","黑",
  "苏","浙","皖","闵","赣","鲁","豫","鄂","湘","粤","琼","川","贵","云","陕","甘","青","台"];
    for(var i=0;i<sheng.length;i++){
        document.write("<div>"+sheng[i]+"</div>");
    }
</script>